<template>
  <tabbar v-model="index">
    <tabbar-item>
      <img slot="icon" src="../assets/icon/Ecommerce-13.png">
      <span slot="label">Store</span>
    </tabbar-item>
    <tabbar-item>
      <img slot="icon" src="../assets/icon/Ecommerce-15.png">
      <span slot="label">Sort</span>
    </tabbar-item>
    <tabbar-item>
      <img slot="icon" src="../assets/icon/rose.png">
      <span slot="label">Rose</span>
    </tabbar-item>
    <tabbar-item>
      <img slot="icon" src="../assets/icon/Ecommerce-06.png">
      <span slot="label">ShoppingCar</span>
    </tabbar-item>
    <tabbar-item>
      <img slot="icon" src="../assets/icon/Ecommerce-30.png">
      <span slot="label">Mine</span>
    </tabbar-item>
  </tabbar>
</template>

<script>
import { Tabbar, TabbarItem, Group, Cell } from 'vux'
export default {
  components: {
    Tabbar,
    TabbarItem,
    Group,
    Cell
  },
  data() {
    return {
      index:0
    }
  }
}
</script>

<style lang="css">
</style>
